.main_wrap{
	position:absolute;
	background-color:gold;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
}


/* 顶部样式   */

.header{
	height:2.5rem;
	background-color:#37ab40;
	position:relative;
}

.logo{
	display:block;
	width:4.45rem;
	height:1.8rem;
	margin:0.35rem auto 0;
}

.logo img{
	width:100%;
}

.search{
	width:1.35rem;
	height:1.35rem;
	position:absolute;
	right:0.75rem;
	top:0.6rem;
	background:url(../images/icons.png) left top no-repeat;
	background-size:3.0rem 42.0rem;
}


/* 中间滚动区域的样式   */

.center_con{
	position:absolute;
	left:0px;
	right:0px;
	top:2.5rem;
	bottom:2.5rem;
	background-color:#efefef;
    
   /* 只自动出现竖向滚动条，不出现横向滚动条  */
	overflow-y:auto;
	overflow-x:hidden;

	padding-bottom:0.5rem;
}


.slide{
	height:7.0rem;
}

.slide img{
	width:100%;
}


.menu_con{
	height:9.25rem;
	background-color:#fff;
	margin-top:0.5rem;
	overflow:hidden;
}

.menu_con ul{
	width:18rem;
	height:8.375rem;
	margin:0.6rem 0 0 1.375rem;	
}

.menu_con li{
	width:2.8rem;
	height:4.05rem;
	float:left;
	margin-right:1.625rem;
}

.menu_con li a{
	display:block;
	height:2.8rem;
	background:url(../images/icons.png) left -3.025rem no-repeat;
	background-size:3.0rem 42.0rem;
}


.menu_con li:nth-child(2) a{
	background-position:left -6rem;
}

.menu_con li:nth-child(3) a{
	background-position:left -9rem;
}


.menu_con li:nth-child(4) a{
	background-position:left -12rem;
}


.menu_con li:nth-child(5) a{
	background-position:left -15rem;
}


.menu_con li:nth-child(6) a{
	background-position:left -18rem;
}

.menu_con li:nth-child(7) a{
	background-position:left -21rem;
}

.menu_con li:nth-child(8) a{
	background-position:left -24rem;
}

.menu_con li h2{
	font:bold 13px/1.25rem 'Microsoft Yahei';
	text-align:center;
	color:#666;
}


.common_model{
	height:17.25rem;
	background-color:#fff;
	margin-top:0.5rem;
}

.common_title{
	width:17.75rem;
	height:0.9rem;
	margin:0.8rem auto 0;
}

.common_title h3{
	float:left;
	font:bold 15px/0.9rem  'Microsoft Yahei';
	color:#fbc83d;
	border-left:0.25rem solid #fbc83d;
	text-indent:0.4rem;
}

.common_title a{
	float:right;
	font:normal 12px/0.9rem  'Microsoft Yahei';
	color:#7f7f7f;
}


.banner{
	display:block;
	width:17.75rem;
	height:4.5rem;
	margin:0.5rem auto 0;
}

.banner img{
	width:100%;
}

.goods_list{
	width:17.75rem;
	height:9.325rem;	
	margin:0.5rem auto 0;
}

.goods_list li{
	width:5.9rem;
	height:9.325rem;
	border-right:1px solid #e7e7e7;
	float:left;
	box-sizing:border-box;
	position:relative;
}

.goods_list li:last-child{
	border-right:0px;
}


.goods_link{
	display:block;
	width:4.5rem;
	height:4.5rem;
	margin:0.375rem auto 0;
}

.goods_link img{
	width:100%;
}

.goods_list h4{

	font:normal 15px/15px 'Microsoft Yahei';
	width:5.0rem;
	margin:0.925rem auto 0;
	
	overflow:hidden;

	/* 强制文字不换行 */
	white-space:nowrap;

	/* 超出部分显示省略号   */
	text-overflow:ellipsis;

}

.unit{
	width:5.0rem;
	font:normal 12px/12px 'Microsoft Yahei';
	color:#bbb;
	margin:0.8rem auto 0;
}


.price{
	width:5.0rem;
	font:normal 12px/12px 'Microsoft Yahei';
	color:#ff4400;
	margin:0.5rem auto 0;
}


.add_chart{
	position:absolute;
	width:1.7rem;
	height:1.7rem;
	right:0.675rem;
	bottom:0;

	background:url(../images/icons.png) left -27.0rem no-repeat;
	background-size:3.0rem 42.0rem;
}




.footer{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:2.5rem;
	background-color:#fff;

}


.footer li{
	width:25%;
	height:2.5rem;
	float:left;
}

.footer li a{
	display:block;
	width:1.3rem;
	height:1.3rem;
	margin:0.35rem auto 0;
	background:url(../images/icons.png) left -30.0rem no-repeat;
	background-size:3.0rem 42.0rem;
}

.footer li:nth-child(2) a{
	background-position:left -33rem;
}

.footer li:nth-child(3) a{
	background-position:left -36rem;
}

.footer li:nth-child(4) a{
	background-position:left -39rem;
}

.footer li h2{
	font:normal 12px/0.8rem  'Microsoft Yahei';
	color:#949392;
	text-align:center;
}


.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 14px;
    height: 22px;
    margin-top: -11px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 14px 22px;
    background-position: center;
    background-repeat: no-repeat
}


.swiper-pagination-bullet-active {
    opacity: 1;
    background: #ff8800;
}

.swiper-pagination {
	text-align:right;
}

.swiper-container-horizontal>.swiper-pagination-bullets span:last-child{
	margin-right:20px;
}

